<template>
	<view>
		<view class="venue-item" v-for="item in venues" @click="jumpDetail(item)">
			<image :src="item.cover" mode="" v-if="item.cover"></image>
			<text class="venue-text">{{item.name}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			venues: {
				type: Array
			}
		},
		methods: {
			jumpDetail(item) {
				uni.navigateTo({
					url:'/pages/venueDetail/venueDetail?id='+item.house_id || item.id
				})
			}
		}
	}
</script>

<style>
	.venue-item {
		position: relative;
		width: 690rpx;
		height: 350rpx;
		/* border: 1px solid #eee; */
		border-radius: 10rpx;
		margin-top: 10rpx;
		margin-bottom: 10rpx;
		
	}
	.venue-text {
		position: absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
		color:#45c36f
	}
	.venue-item image {
		width: 690rpx;
		height: 280rpx;
		border-radius: 10rpx;
	}
	.venue-container  {
		width: 750rpx;
	
	}
</style>